import styles from './index.module.scss'
import cm from 'classnames'

const Index = props => {
  const { width = 40, className, onClick, sort } = props
  return (
    <svg
      fill="none"
      width={width}
      height={width}
      viewBox="0 0 40 40"
      className={cm(styles.svg, sort === 2 ? styles.svgReverse : '', className)}
      onClick={onClick}
    >
      <defs>
        <clipPath id="master_svg0_957_25656">
          <rect x="0" y="0" width="40" height="40" rx="0" />
        </clipPath>
      </defs>
      <g>
        <g clipPath="url(#master_svg0_957_25656)"></g>
        <g transform="matrix(-1,0,0,-1,29.732421875,57.4169921875)">
          <path
            d="M16.5166009375,46.12499609375C16.617850937500002,46.12499609375,16.6992209375,46.04319609375,16.6992209375,45.94189609375L16.6992209375,31.40917609375L18.3388709375,33.04833609375C18.4104809375,33.12003609375,18.5270209375,33.12003609375,18.5986309375,33.04833609375L19.6357409375,32.01122609375C19.7074309375,31.93961609375,19.7074309375,31.82356609375,19.6357409375,31.75195609375L16.6533209375,28.77050829375L16.6494109375,28.76513719375C16.6147909375,28.72874269375,16.5668309375,28.70838313575,16.5166009375,28.708496563137L15.0498049375,28.708496563137C14.9485521375,28.708496727049,14.8662109375,28.79034969375,14.8662109375,28.89160209375L14.8662109375,45.94189609375C14.8662109375,46.042696093749996,14.9489717375,46.12499609375,15.0498049375,46.12499609375L16.5166009375,46.12499609375Z"
            fill="#FFFFFF"
            fillOpacity="0.800000011920929"
          />
        </g>
        <g transform="matrix(1,0,0,-1,0,56)">
          <path
            d="M17.149414,45.3862L29.6836,45.3862C29.783099999999997,45.3862,29.833,45.311499999999995,29.833,45.162099999999995L29.833,43.4814C29.833,43.332499999999996,29.783099999999997,43.2578,29.6836,43.2578L17.149414,43.2578C17.0499573,43.2578,17,43.332499999999996,17,43.4814L17,45.162099999999995C17,45.311499999999995,17.0499573,45.3862,17.149414,45.3862ZM17.149414,37.75781L29.6836,37.75781C29.783099999999997,37.75781,29.833,37.68307,29.833,37.5332L29.833,35.853030000000004C29.833,35.70361,29.783099999999997,35.62891,29.6836,35.62891L17.149414,35.62891C17.0499573,35.62891,17,35.70361,17,35.853030000000004L17,37.53369C17,37.683099999999996,17.0499573,37.75781,17.149414,37.75781ZM17.149414,30.12891L29.6836,30.12891C29.783099999999997,30.12891,29.833,30.0542,29.833,29.90479L29.833,28.224609C29.833,28.0751927,29.783099999999997,28,29.6836,28L17.149414,28C17.0499573,28,17,28.0751927,17,28.224609L17,29.90479C17,30.0542,17.0499573,30.12939,17.149414,30.12939L17.149414,30.12891Z"
            fill="#FFFFFF"
            fillOpacity="0.800000011920929"
          />
        </g>
      </g>
    </svg>
  )
}

export default Index
